<template>
  <div class="hello">
      <img @click="nextStep" src="../assets/images/anniu1.png">
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  methods:{
    nextStep(){
      this.$router.push('answer')
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang='scss'>
  .hello{
    height: 100%;
    background: url('../assets/images/beijing1.png')no-repeat center/cover;
    position: relative;
    img{
      position: absolute;
      left: 50%;
      bottom: 10%;
      transform: translateX(-50%);
    background: url('../assets/images/anniu1.png')no-repeat center/cover;
    width: 60%;
      
    }
  }
</style>
